<template>
    <h1>富文本编辑器</h1>

    <textarea style="color: red" id="default-editor" v-model="value"></textarea>
    <el-button @click="handleSubmit">click</el-button>
</template>

<script>
export default {
    data() {
        return {
            value: "<h1 style='color: red;'>编辑器的默认文本</h1>",
        };
    },

    methods: {
        handleSubmit() {
            // 获取内容的方式
            console.log(tinymce.activeEditor.getContent());
        },
    },
    mounted() {
        // tinymce.init({
        //     selector: "textarea#default-editor",
        // });

        tinymce.init({
            selector: "textarea#default-editor",
            branding: false, // 取消右下角默认提示
            height: 500,
            plugins: "advlist link image lists paste", // 使用插件
            paste_data_images: true, // 支持图片粘贴
        });
    },
};
</script>
